<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" />
        <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <!--<link rel="stylesheet" type="text/css" href="css/log/style.css" />-->
		<link rel="stylesheet" type="text/css" href="css/csscontac.css" />		
		<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
		<link href="css/style in.css" rel="stylesheet" type="text/css" media="screen" />
		
<script>
 function limpia(elemento)
 {
 elemento.value = "";
 }

 function verifica(elemento)
 {
 if(elemento.value == "")
   elemento.value = "*";
  }
 </script>


</head>



<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<a href="index.jsp"><img src="images/logo-sm-main.png"/></a>
		</div>
	</div>
	</div>
	
	<div id="menu">
		<ul>
			<li><a href="index.jsp">Inicio</a></li>
			<li><a href="construccion.jsp">Historia</a></li>
			<li><a href="construccion.jsp">Ubicaciones</a></li>
			<li><a href="construccion.jsp">Productos</a></li>
			<li><a href="construccion.jsp">Boletin</a></li>
			<li class="current_page_item"><a>Contacto</a></li>
			<li><a href="login.jsp">Entrar</a></li>						
		</ul>
	</div>

<div id="page">
<div>

<form class="css3Form">
  <h1>Contactanos</h1>
  <ul>
  <li><input type="text" value="Tu nombre" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);"></li>
    <li><input type="text" value="Correo Electronico" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);"></li>	
        <li>
      <textarea name="textarea" rows="5" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);"> Comentario </textarea>
    </li>
  </ul>
  <input type="button" class="button" value="Enviar" onclick="location.href = 'construccion.jsp' " />
</form>


</div>
</div>

	
<div id="footer">
	<p>Copyright (c) 2013 San Mart&iacute;n, Todos los derechos reservados. Dise&ntilde;ado por ASI 2. Photos by <a href="http://fotogrph.com/">fotografias</a>.</p>
</div>

</body>
</html>